<template>
  <div>
    <h1>child one</h1>
    <h1>{{ $store.state.num }}</h1>
    <!-- <h1>{{ $store.getters.evenOrOdd }}</h1> -->
    <button @click="add">加 1</button>
    <button @click="dis">减 1</button>
    <button @click="oddAdd">如果是奇数 加 1</button>
    <button @click="evenDis">如果是偶数 减 1</button>
  </div>
</template>

<script>
export default {
  mounted() {
    console.log(this.$store);
  },
  methods: {
    add() {
      //   this.num += 1;
      console.log("组件中的add");
      this.$store.commit("add");
    },
    dis() {
      this.$store.commit("dis", { count: 1 });
    },
    oddAdd() {
      console.log(this.$store);
      this.$store.dispatch("oddAdd");
    },
    evenDis() {
      this.$store.dispatch("evenDis");
    },
  },
};
</script>

<style lang="scss" scoped>
</style>